@charset "utf-8";
/* Slider */
.content{ max-width:1320px; margin:auto}
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; max-width:1220px; margin:auto;}
.slick-slide { float: left; height: 100%; min-height: 1px; display: none;}
.slick-slide img { display: block; width:100%}
.slick-initialized .slick-slide { display: block; }
.slick-vertical .slick-slide { display: block; height: auto;}
.slick-slide dl{ margin: 0 10px;}
.slick-slide dl dd{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center; box-shadow:1px 2px 5px #ccc; line-height:70px; font-size:16px; margin:5px 0}
/* Arrows */
.slick-prev,.slick-next { position: absolute; display: block; height:21px; width:13px;  cursor: pointer; top:50%; margin-top: -10px; padding: 0; border: none; outline: none;}
.slick-prev { left:0%; background:url(../images/kh-1.png) no-repeat center}
.slick-next { right:0; background:url(../images/kh-2.png) no-repeat center}
.slick-list{ margin:0 5%}
.slick-slide dl:hover dd,.slick-slide .dq1 dd{ background:#0f4887; color:#fff}

.responsive1 ul{ overflow:hidden; margin-left:-2%}
.responsive1 ul li{ float:left; width:48%; margin-left:2%; padding:1%; background:#fff}
.responsive1 .slick-prev,.responsive1 .slick-next{ width:37px; height:36px}
.responsive1 .slick-prev { left:0%; background:url(../images/sy-16.png) no-repeat center}
.responsive1 .slick-next { right:0; background:url(../images/sy-17.png) no-repeat center}
.responsive1 ul li span{ display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:16px; text-align:center; margin:4% 0 2%}
.responsive1 h1{ font-size:18px; text-align:center; margin-bottom:4%; color:#fff}
.responsive1 .slick-slide img{ height:281px}


@media (max-width: 1024px) {
.slick-slide dl dd{ line-height:50px; font-size:14px}
.kh1 dl dd span{ font-size:14px; display:block; float:none; margin:auto; width:80px; margin-top:2%}
.kh1 dl dd{ padding:4%}
.responsive1 .slick-list{ margin:0 7%}
.responsive1 .slick-slide img{ height:167px}
.blue1{ padding:0}
}
@media (max-width: 768px) {
.content{margin:auto;width:auto;}
.slick-prev,.slick-next{ background-size:100%; width:9px}
.slick-slide dl{ margin:0 5px}
.slick-slide dl dd{ line-height:35px}
.kh1 dl dd span{ line-height:30px}
.responsive1 h1{ font-size:15px}
.responsive1 ul li span{ font-size:13px}
.responsive1 .slick-prev, .responsive1 .slick-next{ width:25px; background-size:100%}
.responsive1 .slick-list{ margin:0 9%}
.responsive1 .slick-slide img{ height:81px} 
}